<!DOCTYPE html>
<html lang="zh-cn">
<head>

    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="public, max-age=7200" />
    <meta name="generator" content="Hugo 0.73.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
    <link rel="shortcut icon" href="/img/favicon.ico" >
    <title>Markdown 格式预览 - Thaoeu</title>
    <meta property="og:title" content="Markdown 格式预览 - Thaoeu">
    <meta property="og:type" content="article">
        
    <meta property="article:published_time" content="2020-02-17T21:50:15&#43;08:00">
        
        
    <meta property="article:modified_time" content="2020-02-17T21:50:15&#43;08:00">
        
    <meta name="description" content="Markdown 格式预览">
        
    <meta name="author" content="thaoeu">
    <meta property="og:url" content="https://thaoeu.site/post/markdown/">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css" />
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.8.4/themes/prism-okaidia.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.8.4/plugins/line-numbers/prism-line-numbers.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.8.4/plugins/toolbar/prism-toolbar.min.css" />
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" />
    <link rel="stylesheet" href="/css/style.css">
</head>

<body>
<header id="header" class="clearfix">
    <div class="container">
        <div class="col-group">
            <img class="wow  zoomIn slow" src="/img/favicon.ico" />
            <a href="https://thaoeu.site/"><img class="wow  zoomIn slow" src="/img/title.png" /></a>
            <div class="site-name ">
                
            </div>
            <div>
                <nav id="nav-menu" class="clearfix wow slow zoomIn">
                    <a class="current" href="https://thaoeu.site/"><i class="fa fa-home" aria-hidden="true"></i>&nbsp;文章</a>
                    
                    <a  href="https://thaoeu.site/about/" title="关于">
                        <i class="fa fa-bars" aria-hidden="true"></i>&nbsp;关于
                    </a>
                    
                </nav>
            </div>
        </div>
    </div>
</header>


<div id="body">
    <div class="container">
        <div class="col-group">

            <div class="col-8" id="main">
            
                <div class="res-cons">
                    <article class="post">
                        <header>
                            <h1 class="post-title animated slower flipInX"><i class="fa fa-file-text-o"></i>&nbsp;Markdown 格式预览</h1>
                        </header>
                        <date class="post-meta meta-date animated slower fadeInUp">
                        <i class="fa fa-calendar" aria-hidden="true"></i>
                            2020年2月17日
                            21:50
                            
                        </date>
                        <div class="post-meta animated slower fadeInUp">
                            | <i class="fa fa-user-o" aria-hidden="true"></i>
                            <a href="/about">thaoeu</a>
                        </div>
                        
                        <br />
                        <div class="post-meta animated slower fadeInUp">
                            <i class="fa fa-clock-o"></i>&nbsp;阅读时间1分钟
                        </div>
                        <br />
                    </article>
                    
                </div>
                
                <aside>
                    <div class="tablelist animated slower flipInX">
                    <nav id="TableOfContents">
  <ul>
    <li><a href="#标题-2">标题 2</a>
      <ul>
        <li><a href="#标题-3">标题 3</a></li>
      </ul>
    </li>
  </ul>
</nav>
                    </div>
                </aside>
                 
                        <div class="post-content animated slower fadeInLeftBig">
                            <article>
                            <h1 id="标题-1">标题 1</h1>
<h2 id="标题-2">标题 2</h2>
<h3 id="标题-3">标题 3</h3>
<h4 id="标题-4">标题 4</h4>
<h5 id="标题-5">标题 5</h5>
<h6 id="标题-6">标题 6</h6>
<blockquote>
<p>对应语法及热键
vimscript</p>
</blockquote>
<pre><code>#		&lt;leader&gt;9
##		&lt;leader&gt;8
###		&lt;leader&gt;7
####	&lt;leader&gt;6
#####	&lt;leader&gt;5
######	&lt;leader&gt;4
</code></pre><h1 id="加粗斜体删除线">加粗、斜体、删除线</h1>
<p><strong>加粗</strong></p>
<p><em>斜体</em></p>
<p><del>删除线</del></p>
<blockquote>
<p>对应语法及热键
vimscript</p>
</blockquote>
<pre><code>****	&lt;leader&gt;b
**		&lt;leader&gt;i
~~~~	&lt;leader&gt;s
</code></pre><h1 id="引用">引用</h1>
<blockquote>
<p>With great power comes great responsibility.
markdown</p>
</blockquote>
<pre><code>&gt;
</code></pre><h1 id="代码块">代码块</h1>
<p>golang</p>
<pre><code>
package main

import (
    &quot;fmt&quot; // 导入 fmt 包，调用其中的 Println() 函数
)

func main() {
    fmt.Println(&quot;Hello，world！&quot;)
}
</code></pre><p><code>sudo pacman -S vim</code></p>
<blockquote>
<p>对应语法及热键
vimscript</p>
</blockquote>
<pre><code>```		&lt;leader&gt;c
``		&lt;leader&gt;d
</code></pre><h1 id="序号列表">序号列表</h1>
<ul>
<li>list</li>
</ul>
<ol>
<li>list</li>
<li>list</li>
</ol>
<ul>
<li>list
<ol>
<li>list</li>
<li>list</li>
</ol>
</li>
</ul>
<blockquote>
<p>对应语法及热键
markdown</p>
</blockquote>
<pre><code>* list
1. list
2. list

* list
	1. list
	2. list

</code></pre><h1 id="链接">链接</h1>
<p><a href="https://github.com/timzzx">感谢淡淡忧愁的主题模版</a></p>
<blockquote>
<p>对应语法及热键</p>
</blockquote>
<pre><code>[]()	&lt;leader&gt;u
</code></pre><h1 id="图片">图片</h1>
<p>!『这是图片无法加载时显示的文字』()</p>
<blockquote>
<p>对应语法及热键</p>
</blockquote>
<pre><code>![]()	&lt;leader&gt;p
</code></pre><h1 id="分隔线">分隔线</h1>
<hr>
<hr>
<blockquote>
<p>对应语法及热键</p>
</blockquote>
<pre><code>---			&lt;leader&gt;n

--------	&lt;leader&gt;l

讲真我不知道这两者的区别
</code></pre><h1 id="表格">表格</h1>
<table>
<thead>
<tr>
<th>水果</th>
<th align="right">价格</th>
<th align="center">数量</th>
</tr>
</thead>
<tbody>
<tr>
<td>香蕉</td>
<td align="right">$1</td>
<td align="center">5</td>
</tr>
<tr>
<td>苹果</td>
<td align="right">$1</td>
<td align="center">6</td>
</tr>
<tr>
<td>草莓</td>
<td align="right">$1</td>
<td align="center">7</td>
</tr>
</tbody>
</table>
<blockquote>
<p>对应语法及热键</p>
</blockquote>
<pre><code>| 水果     | 价格    |  数量  |
| ------- | -----:   | :----: |
| 香蕉    | $1      |   5    |
| 苹果    | $1      |   6    |
| 草莓    | $1      |   7    |
</code></pre><ol>
<li>
<p>要增加菜单在 md 文件中加入 type: standalone</p>
</li>
<li>
<p>文章要有评论在 md 文件中加入 gitment: true</p>
</li>
<li>
<p>文章要有目录在 md 文件中加入 TableOfContents: true</p>
</li>
</ol>
<pre><code>---
title: &quot;博客开通&quot;
date: 2018-07-04T17:44:01+08:00
categories: 『其他』
tags: 『其他』
gitment: true
TableOfContents: true
---
</code></pre><ol start="4">
<li>配置 gitment 在 config.toml 加入以下配置</li>
</ol>
<pre><code>[params]
    clientID=''
    clientSecret=''
    owner=''
    repo=''
    admin=''
</code></pre>
                            
                            <br />
                            <br />
                            <br />
                            <hr />
                            
                            
                            <a href="https://thaoeu.site/post/zsh/">上一页&nbsp;<i class="fa fa-angle-double-up" ></i></a>&nbsp;Zsh<br /><br />
                            
                            
                            <a href="https://thaoeu.site/post/dwm/">下一页&nbsp;<i class="fa fa-angle-double-down" ></i></a>&nbsp;Dwm 短期使用总结
                            
                            <br />
                            <br />
                            <br />
                            
                            </article>
                        </div>
                        <p class="pull-right2"><a href="/" class="fa fa-home" ></a></p>
                            <p class="pull-right"><a href="#" class="fa fa-angle-double-up" ></a></p>
                            <p class="pull-left"><a href="#" onclick="javascript:history.go(-1);return false;" class="fa fa-angle-double-left" ></a></p>
                
                        
            </div>
            <div id="secondary" class="">
    <section class="widget wow slow zoomIn">
        <form id="search" action="https://www.baidu.com/s" method="get" accept-charset="utf-8" target="_blank" _lpchecked="1" onsubmit="return buildQuery()">
      
      <input type="text" id="query" maxlength="20" placeholder="Search">
      <input type="hidden" id="wd" name="wd" value="">
      <button type="submit" class="submit icon-search"></button>
</form>


<script>
    function buildQuery(){
        var queryString= document.getElementById('query').value;
        var baseUrl = "https:\/\/thaoeu.site\/";
        
        var url = baseUrl.replace(/^(https:|http:|)\/\//, "").replace(/\/$/, "");
          
        var wdElement = document.getElementById('wd');
        wdElement.value= queryString + " site:" + url;  
        
        return true;
    }
</script>

    </section>
    <section class="widget wow slow zoomIn">
        <div class="card">
            <a href="https://github.com/thaoeu">
                <div class="card-image">
                    <img class="lazy" src="/img/thaoeu.jpg" data-original="/img/fj.jpg" />
                </div>
                <div class="card-body">
                    <div class="card-title">
                        <h3>
                            Thaoeu
                        </h3>
                    </div>
                    <div class="card-date">
                        <time>
                        </time>
                    </div>
                    
                    <div class="card-exceprt">
                        <p>
                            
                        </p>
                    </div>
                </div>
            </a>
        </div>
    </section>
    <section class="widget wow slow zoomIn">
        <div id="calendar" class="calendar"></div>
    </section>
    <section class="widget wow slow zoomIn">
        <h3 class="widget-title" ><i class="fa fa-folder-o"></i>&nbsp;分类</h3>
        <ul class="widget-list">
            
        </ul>
    </section>
    <section class="widget wow slow zoomIn">
        <h3 class="widget-title"><i class="fa fa-calendar-check-o"></i>&nbsp;归档</h3>
        <ul class="widget-list">
            
            <li class="fa fa-angle-right">
                <a href="/tags/c">c (1)</a>
            </li><br />
            
            <li class="fa fa-angle-right">
                <a href="/tags/fcitx">fcitx (1)</a>
            </li><br />
            
            <li class="fa fa-angle-right">
                <a href="/tags/git">git (1)</a>
            </li><br />
            
            <li class="fa fa-angle-right">
                <a href="/tags/linux">linux (6)</a>
            </li><br />
            
            <li class="fa fa-angle-right">
                <a href="/tags/markdown">markdown (1)</a>
            </li><br />
            
            <li class="fa fa-angle-right">
                <a href="/tags/other">other (4)</a>
            </li><br />
            
            <li class="fa fa-angle-right">
                <a href="/tags/vim">vim (2)</a>
            </li><br />
            
            <li class="fa fa-angle-right">
                <a href="/tags/windows">windows (1)</a>
            </li><br />
            
            <li class="fa fa-angle-right">
                <a href="/tags/wm">wm (1)</a>
            </li><br />
            
        </ul>
    </section>
    

    <section class="widget wow slow zoomIn">
        <h3 class="widget-title"><i class="fa fa-file-o"></i>&nbsp;其它</h3>
        <ul class="widget-list">
            <li class="fa fa-angle-right"><a href="/index.xml">&nbsp;本站RSS</a></li>
        </ul><br />
    </section>
</div>

        </div>
    </div>
</div>
<footer id="footer">
    <div class="container" style="text-align:center">
        &copy; 2020 <a href="https://thaoeu.site/">Thaoeu By thaoeu</a>.

        
    </div>


<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral">
    <img border="0" src="/img/logo2.png" />
</a>

    
    <div class="container" style="text-align:center">
    <a rel="nofollow noreferer noopener" href="http://www.beian.miit.gov.cn/" target="_blank">黑ICP备19007841号-2</a>.
    </div>
    
</footer>


    <script type="text/javascript">
    
    (function(){
        $("pre code").parent().addClass("line-numbers")
    }())

    window.MathJax = {
        tex2jax: {
            inlineMath: [ ['$','$'] ],
            processEscapes: true
        }
    };
    </script>
    <script type="text/javascript" src="/js/prism.js" async="true"></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>

<a id="rocket" href="#top"></a>
<script type="text/javascript" src="/js/totop.js?v=0.0.0" async=""></script>







</body>
</html>